﻿@{
    ViewBag.Title = "register";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section head{
    <link rel="stylesheet" href="/content/css/pages/page_reg.css" />
}
<div class="breadcrumbs margin-bottom-40">
    <div class="container">
        <div class="row">
            <div id="fuelux-wizard" class="row-fluid" data-target="#step-container">
                <ul class="wizard-steps">
                    <li data-target="#step1" class="active"><span class="step">1</span> <span class="title">
                        新用户开通注册</span> </li>
                    <li data-target="#step2"><span class="step">2</span> <span class="title">注册开通第三方资金托管账号</span>
                    </li>
                    <li data-target="#step3"><span class="step">3</span> <span class="title">安全认证</span>
                    </li>
                    <li data-target="#step4"><span class="step">4</span> <span class="title">注册完成</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row-fluid">
        <div class="span6 offset3">
            <div class="tab-v1">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#register" data-toggle="tab" style="font-size: 24px;
                        padding: 10px 30px;"><i class="icon-user"></i>投资人注册</a></li>
                    @*<li class=""><a href="#agent" data-toggle="tab" style="font-size: 24px; padding: 10px 30px;">
                        <i class="icon-group"></i>代理人注册</a></li>*@
                </ul>
                <div class="tab-content" style="padding-top: 0;">
                    <div class="reg-page tab-pane active" style="padding: 5px 10px;" id="register">
                        <form id="regform" action="/account/register" method="post">
                        <input type="hidden" name="token" />
                        @if (!String.IsNullOrEmpty(ViewBag.Message))
                        { 
                            <div id="msg" class="alert alert-error">@ViewBag.Message</div>
                        }
                        <div class="control-group">
                            <label>
                                用户名(邮箱) <span class="color-red">*</span>：</label>
                            <input type="text" class="form-control input-xxlarge {required:true,email:true,remote:{url:'/account/usernameonly',messages:'该用户已存在'}}"
                                id="txtnickname" name="username" />
                        </div>
                        <div class="control-group">
                            <label>
                                登录密码 <span class="color-red">*</span>：
                            </label>
                            <input type="password" name="password" class="form-control input-xxlarge {required:true,minlength:6,maxlength:18}"
                                id="txtpassword" />
                        </div>
                        <div class="control-group">
                            <label>
                                确认密码 <span class="color-red">*</span>：
                            </label>
                            <input type="password" name="confirm" class="form-control input-xxlarge {required:true,equalTo:'#txtpassword'}"
                                id="txtconfrim" />
                        </div>
                        <div class="row-fluid">
                            <div class="control-group">
                                <div class="span12">
                                    <label>
                                        验证码 <span class="color-red">*</span>：</label>
                                    <input type="text" name="validationCode" class="form-control {required:true,length:4}" />
                                    <div id="codeimg" style="margin-left: 10px; display: inline;">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <hr />
                        <div class="row-fluid">
                            <div class="span9">
                                <label class="checkbox">
                                    <input type="checkbox" checked="checked">
                                    我已阅读并同意 <a href="javascript:;" class="color-green">融汇贷投资人协议</a> | <a href="/account/login"
                                        class="color-green">返回登录</a>
                                </label>
                            </div>
                            <div class="span3 text-right">
                                <button class="btn-u" type="submit">
                                    注册</button>
                            </div>
                        </div>
                        </form>
                    </div>
                    @*<div class="reg-page tab-pane" style="padding: 5px 10px;" id="agent">
                        <div class="headline">
                            <h2>
                                注册成为投资代理人</h2>
                        </div>
                        <dl>
                            <dt>注册方式</dt>
                            <dd>
                                请联系我们请联系我们请联系我们请联系我们请联系我们请联系我们请联系我们请联系我们请联我们请联系我们请联系我们.</dd>
                            <dt>地址</dt>
                            <dd>
                                江北区江北区江北区江北区.</dd>
                            <dd>
                                松石路松石路松石路松石路 115号.</dd>
                            <dt>联系电话</dt>
                            <dd>
                                023-66666666.</dd>
                        </dl>
                    </div>*@
                </div>
            </div>
        </div>
    </div>
</div>
@section scripts{
    <script type="text/javascript" src="/content/plugins/jquery-validate/jquery.validate.js"></script>
    <script type="text/javascript" src="/content/plugins/jquery-validate/jquery.metadata.js"></script>
    <script type="text/javascript" src="/content/scripts/plug.js"></script>
    <script type="text/javascript">
        var validation = new plug.BindValidCode();
        $(function () {
            validation.BindValidator();
            $('#regform').validate({
                errorClass: "help-inline",
                errorElement: "span",
                highlight: function (element, errorClass, validClass) {
                    $(element).parents('.control-group').addClass('error');
                },
                unhighlight: function (element, errorClass, validClass) {
                    $(element).parents('.control-group').removeClass('error');
                }
            });
        });
        function Refalsh(sender) {
            validation.Refalsh(sender);
        }
    </script>
}
